<template>
	<view class="about">
		<!-- 导航 -->
		<u-navbar back-text="商家入驻" :back-text-style="textStyle" back-icon-color="#000000" style="font-weight: bold;font-family: PingFang SC;"></u-navbar>
		<!-- <u-navbar back-icon-color="#000000" title="商家入驻" title-color="#3F3F3F" :title-bold="true" :background="background"></u-navbar> -->
		<!-- end -->
		<view class="middle">
			<view class="icon">
				<image src="../../static/icon/shenhe.png" mode=""></image>
				<!-- 审核中 -->
				<image v-if="status==1" src="../../static/icon/shz.png" mode="" class="shen_img" style="width: 157rpx;height: 115rpx;"></image>
				<view v-if="status==1" class="banben">
					正在审核中
				</view>
				
				<!-- 审核未通过 -->
				<image v-if="status==2" src="../../static/icon/wsh.png" mode="" class="shen_img"  style="width: 157rpx;height: 115rpx;"></image>
				<view v-if="status==2" class="banben">
					审核未通过，请重新提交信息 
				</view>
				
				<!-- 审核通过 -->
				<image v-if="status>2" src="../../static/icon/shtg.png" mode="" class="shen_img" style="width: 157rpx;height: 115rpx;"></image>
				<view v-if="status>2" class="banben">
					恭喜您，通过了审核
				</view>
				
			</view>
			<!-- 审核中 -->
			<view v-if="status==1" class="time">
                 我们将会在7个工作日内给出审核结果，请您耐心等待
			</view>
			
			<!-- 审核未通过 -->
			<view v-if="status==2" class="times" style="text-align: center;margin-top: 104rpx;">
			     <u-button type="warning" shape="circle" plain size="medium" @click="tijiao()">去提交资料</u-button>
			</view>
			
			<!-- 审核通过 -->
			<view v-if="status>2" class="banben">
			     请复制此网址用浏览器打开跳转到商家平台
			</view>
			<a v-if="status>2" class="banben" style="margin: 22rpx 0 40rpx 0;">
				{{addreess}}
			</a>
			<view v-if="status>2" style="text-align: center;">
			     <u-button type="warning" shape="circle" plain size="medium" @click="fuzhi()">复制此网址</u-button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				background:{
					backgroundColor: '#fca800',
				},
				addreess:'https://www.beedao.tech/ent',
				status:null,//1：审核中、2:未通过 3：正常
			};
		},
		onLoad(option) {
			this.status=option.status;
		},
		onShow() {
		},
		methods: {
			
			tijiao(){
				uni.navigateTo({
					url:'./shop'
				})
			},
			fuzhi(){
				//复制文本内容
					let address = this.addreess
					uni.setClipboardData({
						data: address,
						success: function (res) {
						console.log('复制的信息：',address);
						uni.showToast({
							 title: '复制成功',
						});
						}
					});			
			}
		}
	};
</script>

<style scoped lang="scss">
	/* 导航 */
	
	.icon {
		padding: 260rpx 110rpx 0 110rpx;
		text-align: center
	}

	.icon image {
		width: 294rpx;
		height: 256rpx;
	}

	.banben,
	.time {
		font-family: PingFang SC;
		color: #3F3F3F;
		
	}
	.banben {
		font-size: 30rpx;
		font-weight: 400;
		padding-top: 44rpx;
	}

	.time {
		font-size: 26rpx;
		font-weight: 400;
		line-height: 48rpx;
		padding: 58rpx 64rpx;
		color: #7A7A7A;
	}
	.shen_img{
		width: 157rpx;height: 115rpx;    
		position: absolute;
		right: 26%;
		top: 31%;
	}
	.middle{
		text-align: center;
	}
</style>
